const theme = {
    color: {
        primaryColor: "#ff385c",
        secondaryColor: "#00848A",
        textColor: "#484848",
        textColorSecondary: "#222222",
    },
    text: {
        primaryColor: "#484848",
        secondaryColor: "#222",
    },
    fontSize: {
        small: "12px",
        normal: "14px",
        large: "16px",
    },
    mixin: {
        boxShadow: `
        transition: box-shadow 200ms ease;
        &:hover {
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);
        }`,
    },
}

export default theme
